body{
    background: radial-gradient(ellipse at center, #f0ffff 0%,#dbffff 100%);
}
.wheel{
    position: absolute;
    width: 200px;
    height: 200px;
    border: 4px solid #ccc;
    border-radius: 50%;
}
.wheel-behind{
    left: 200px;
    top: 300px;
}
.wheel-front{
    left: 600px;
    top: 300px;
}
.wheel::after{
    content: '';
    position: absolute;

    margin: 5px;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    border: 4px solid #EF9058;
}
ul{
    position: absolute;
    left: 100px;
}
.small-line{
    position: absolute;
    width: 1px;
    height: 200px;
    border-right: 1px solid #c4c1c1;
}
.small-line::before{
    content: '';
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    position: absolute;
    width: 1px;
    height: 200px;
    border-right: 1px solid #c4c1c1;
}
.small-line::after{
    content: '';
    -webkit-transform: rotate(60deg);
            transform: rotate(60deg);
    position: absolute;
    width: 1px;
    height: 200px;
    border-right: 1px solid #c4c1c1;
}
.small-line2{
    position: absolute;
    width: 1px;
    height: 200px;
    -webkit-transform: rotate(30deg);
            transform: rotate(30deg);
    border-right: 1px solid #c4c1c1;
}
.small-line2::before{
    content: '';
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    position: absolute;
    width: 1px;
    height: 200px;
    border-right: 1px solid #c4c1c1;
}
.small-line2::after{
    content: '';
    -webkit-transform: rotate(120deg);
            transform: rotate(120deg);
    position: absolute;
    width: 1px;
    height: 200px;
    border-right: 1px solid #c4c1c1;
}
.inner-disc{
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
    background: #ff0e23;
}

.inner-disc::after{
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    margin-left: -13px;
    margin-top: -13px;
    border: 4px dotted #ff0e23;
    background: transparent;
    z-index: 1;
}
.inner-disc2{
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    margin-left: -7px;
    margin-top: -7px;
    border: 2px solid #fff;
    background: #ff0e23;
    z-index: 2;
}
.inner-disc2::after{
    position: absolute;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    margin-left: -13px;
    margin-top: -13px;
    border: 4px dotted #ff0e23;
    background: #ff0e23;
    z-index: 3;
}
.set{
    position: absolute;
    left: 320px;
    top: 174px;
    width: 50px;
    height: 10px;
    background: #666;
    border-radius: 44%;

}
.set::before{
    content: '';
    width: 50px;
    height: 10px;
    background: #666;
    position: absolute;
    left: -20px;
    border-width: 0 40px 12px 40px;
    border-radius: 100%;
    -webkit-transform: rotate(-184deg);
            transform: rotate(-184deg)
}
span{
        width: 32px;
        height: 19px;
        background: #666;
        border-radius: 100%;
        position: absolute;
        margin: 1px 0 0 -22px;
        -webkit-transform: rotate(-11deg);
                transform: rotate(-11deg);
    
}
.set:after {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 40px 16px 40px;
    border-color: transparent transparent #666 transparent;
    content: "";
    position: absolute;
    z-index: 3;
    -webkit-transform: rotate(-12deg);
            transform: rotate(-12deg);
    position: absolute;
    border-radius: 100%;
    margin: 0 0 0 -26px;
}
.center-frame{
    width:8px;
    height: 257px;
    background: #5E999B;
    position: absolute;
    -webkit-transform: rotate(-33deg);
            transform: rotate(-33deg);
    left: 400px;
    top: 164px;
}
.top-frame {
    width: 8px;
    height: 218px;
    background: #5E999B;
    position: absolute;
    -webkit-transform: rotate(86deg);
    transform: rotate(86deg);
    left: 477px;
    top: 130px;
}
.left-frame {
    width: 8px;
    height: 177px;
    background: #5E999B;
    position: absolute;
    -webkit-transform: rotate(204deg);
            transform: rotate(204deg);
    left: 336px;
    top: 235px;
}
.behind-frame{
    height: 8px;
    width: 167px;
    background: #5E999B;
    position: absolute;
    left: 310px;
    top: 399px;
}
.right-frame {
    width: 8px;
    height: 257px;
    background: #5E999B;
    position: absolute;
    -webkit-transform: rotate(-33deg);
    transform: rotate(-33deg);
    left: 628px;
    top: 165px;
}
